<template>
  <div class="root">
    <Layout>
      <Sider hide-trigger>
        <Menu :theme="theme2" width="200px">
          <Submenu name="1">
            <template slot="title">
              <Icon type="ios-paper" />
              内容管理
            </template>
            <MenuItem name="1-1">文章管理</MenuItem>
            <MenuItem name="1-2">评论管理</MenuItem>
            <MenuItem name="1-3">举报管理</MenuItem>
          </Submenu>
          <Submenu name="2">
            <template slot="title">
              <Icon type="ios-people" />
              用户管理
            </template>
            <MenuItem name="2-1">新增用户</MenuItem>
            <MenuItem name="2-2">活跃用户</MenuItem>
          </Submenu>
        </Menu>
      </Sider>
      <Layout>
        <Header>Header</Header>
        <Content>Content</Content>
        <Footer>Footer</Footer>
      </Layout>
    </Layout>
  </div>
</template>

<script>
export default {
  components: {},

  data() {
    return {
      theme2: 'light'
    };
  },

  created() {},

  mounted() {},

  methods: {}
};
</script>
<style>
  .ivu-menu-submenu-title-icon {
    right: 10px!important;
  }
  .ivu-menu-submenu-title {
    padding: 14px 16px!important;
  }
</style>
<style lang="less" scoped>
.ivu-layout {
  height: 100%;
}
</style>
